import React from 'react'
import db from '../../util/db'
import Header from '../../component/Header/index.jsx'
export default function Index() {

    const clearCache = () => {
        db.clearAll(ret => { })
    }

    return (
        <div style={styles.page}>
            <Header title="Setting" />
            <div style={styles.mainContainer}>
                <div>
                    <div style={styles.clearRow}>
                        <div style={styles.txt}>Clear Up</div>
                        <div>{`>`}</div>
                    </div>
                    <div style={styles.line}></div>
                </div>

            </div>
        </div>
    )
}

const styles = {
    page: {
        flex: 1,
        display: 'flex',
        flexDirection: 'column'
    },
    mainContainer: {
        backgroundColor: '#fff',
        // borderTopLeftRadius: '15px',
        // borderTopRightRadius: '15px',
        flex: 1,
        marginTop: 15,
        padding: 10,
    },
    txt: {
        color: '#4D7799',
        fontSize: 15,
    },
    clearRow: {
        display: 'flex',
        justifyContent: 'space-between'
    },
    line: {
        height: 0.5,
        backgroundColor: '#E7F3FD',
        marginTop: 3
    }
}
